<!-- START BLOCK : DISPLAYPERSONA -->
<style type="text/css">
img.imagen {
	border:1px solid black;
	padding:3px;		
}
</style>
<fieldset class="ui-widget"> 
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Informaci&oacute;n de la persona</legend>
<table >
<tr>
<td style="width:200px; text-align:center">{foto}</td>
<td valign="top">
  <strong>{nombre_persona}</strong> <span style="color:#666; font-weight:bold">({rol})</span><br />
  CI: {ci}<br />
  <a href="mailto:{email}">{email}</a><br />
  <strong>Tlf</strong>: {celular}<br />
  <strong>Pin</strong>: {bb_pin}<br />
  <strong>Inst</strong>:{nombre_instituto}<br />
  <strong>Referido por (padre)</strong>: {referido}<br />
  <strong>Personas Referidas (hijos):</strong>{referidos}<br />
  <strong>Creado</strong>: {stamp}<br />
  <br />
  <a href="editar_perfil.php" class="fg-button ui-state-default ui-corner-all">Agregar Persona</a>
  <a href="editar_perfil.php?ida={id_persona}"  class="fg-button ui-state-default ui-corner-all">Editar Perfil de {primer_nombre}</a>
</td>
</tr>
</table>
</fieldset>
<p>
    <a href="cuentas.php?ida={id_persona}">Ver cuentas de {nombre_persona}</a><br />
    </p>
<!-- START BLOCK : DISPLAYPERSONA -->
<!-- START BLOCK : SECCIONTAB -->
<!--script type="text/javascript">
$(function() {
	$("#secciontab").tabs();
	$('#secciontab').bind('tabsshow', function(event, ui) {
		if (ui.panel.id == "tabs-1") {
			$("input[name='descripcion']").focus();
		}
	});
});
</script-->

<div id="secciontab">
	<!--ul>
		<li><a href="#tabs-1">Registrar Pago</a></li>
		<li><a href="#tabs-2">Clases Recibidas</a></li>
		<li><a href="#tabs-3">Cuentas</a></li>
	</ul-->
    <div id="tabs-1">
        <!-- START BLOCK : AGREGARPAGO -->
        <fieldset class="ui-widget">
        <legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Registrar pago de {primer_nombre} hacia la Empresa</legend>
        <h3>{resumendeuda}</h3>
        <form action="{self}" method="post"  accept-charset="UTF-8">
        <input type="hidden" name="id_persona" value="{id_persona}" />
        <input type="hidden" name="accion" value="agregar_pago" />
        <table class="tablagris">
        <tr>
        <th>Descripci&oacute;n</th><th>Monto</th>
        <th>Pago o Cobro</th>
        <th>Fecha de Pago</th>
        <td rowspan="2" style="border-left:1px solid black"><input type="submit" id="btn_ingpago" class="fg-button ui-state-default ui-corner-all" value="Ingresar Transacci&oacute;n" /></td>
        </tr>
        <tr>
        <td><input type="text" name="descripcion" id="descripcion" /></td>
        <td><input type="text" size="6" maxlength="9" style="text-align:right" name="monto" value="0" /></td>
        <td>
        <select name="tipotrans" id="tipotrans">
<option value="1" selected="selected">Cobro</option>
<option value="2">Pago</option>
</select>
        </td>
        <td><input type="text" size="10" maxlength="10" style="text-align:center" name="fecha_pago" value="{fecha_pago}" /></td>
        </tr>
        </table>
        </form>
        </fieldset>
        <script type="text/javascript">
        $(function() {
            $("input[name='fecha_pago']").datepicker();
			$("#btn_ingpago").click(function() {
				if($("#descripcion").val().esVacio()) {
					alert("La descripcion no puede ser vacia");
					$("#descripcion").focus();
					return false;	
				}
				return confirm("Desea ejecutar esta transaccion? (el proceso es irreversible)");
			});
        });
        </script>
        <!-- END BLOCK : AGREGARPAGO -->   
    </div>    
    <div id="tabs-2">
        
    </div>
    <div id="tabs-3">
        <!-- START BLOCK : CUENTASPC -->
      <fieldset class="ui-widget">
        <legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Cuentas por Cobrar (Clases Facturadas)</legend>
        <table class="tablada" style="width:100%">
        <tr>
        <th>Fecha</th>
        <th>Registrado</th>
        <th>Concepto /Descripci&oacute;n</th><th>Monto</th>
        </tr>
        <!-- START BLOCK : CUENTAPCITEM -->
        <tr>
        <td style="text-align:center">{fecha_cuenta}</td>
        <td style="text-align:left">[{stamp}]</td>
        <td>{descripcion}</td><td style="text-align:right"><span style="color:blue">{monto}</span></td>
        </tr>
        <!-- END BLOCK : CUENTAPCITEM -->
        <!-- START BLOCK : CUENTAPCTOTAL -->
        <tr class="total">
        <td colspan="3" style="text-align:right"><strong>Total Facturado:</strong></td>
        <td style="text-align:right"><strong>{total}</strong></td>
        </tr>
        <!-- END BLOCK : CUENTAPCTOTAL -->
        </table>
        </fieldset>
        <!-- END BLOCK : CUENTASPC -->
        <!-- START BLOCK : CUENTASPP -->
      	<fieldset class="ui-widget">
        <legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Cuentas por Pagar a {primer_nombre}</legend>
        <table class="tablada" style="width:100%">
        <tr>
        <th>Fecha</th>
        <th>Registrado</th>
        <th>Concepto /Descripci&oacute;n</th><th>Monto</th>
        </tr>
        <!-- START BLOCK : CUENTAPPITEM -->
        <tr>
        <td style="text-align:center">{fecha_cuenta}</td>
        <td style="text-align:left">[{stamp}]</td>
        <td>{descripcion}</td><td style="text-align:right"><span style="color:blue">{monto}</span></td>
        </tr>
        <!-- END BLOCK : CUENTAPPITEM -->
        <!-- START BLOCK : CUENTAPPTOTAL -->
        <tr class="total">
        <td colspan="3" style="text-align:right"><strong>Total:</strong></td>
        <td style="text-align:right"><strong>{total}</strong></td>
        </tr>
        <!-- END BLOCK : CUENTAPPTOTAL -->
        </table>
        </fieldset>
        <!-- END BLOCK : CUENTASPP -->
        <!-- START BLOCK : LISTADOPAGOS -->
      <fieldset class="ui-widget">
        <legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Transacciones de {primer_nombre}</legend>
        <table class="tablada" style="width:100%">
        <tr>
        <th>Fecha de Pago</th><th>Registrado</th>
        <th>Concepto / Descripci&oacute;n</th><th>Monto</th>
        </tr>
        <!-- START BLOCK : PAGOITEM -->
        <tr>
        <td style="text-align:center">{fecha_transaccion}</td>
        <td style="text-align:left">[{stamp}]&nbsp;</td>
        <td>{descripcion}&nbsp;</td><td style="text-align:right">{monto}</td>
        </tr>
        <!-- END BLOCK : PAGOITEM -->
        <!-- START BLOCK : PAGOTOTAL -->
        <tr class="total">
        <td colspan="3" style="text-align:right"><strong>Total:</strong></td>
        <td style="text-align:right"><strong>{total}</strong></td>
        </tr>
        
        <!-- END BLOCK : PAGOTOTAL -->        
        </table>
        <!-- START BLOCK : SALDO -->
        <hr />        
        <p style="font-size:16px; font-weight:bold;">
        <strong>Saldo:</strong>&nbsp;{saldo}
        </p>
        <!-- END BLOCK : SALDO -->
        </fieldset>
        <script type="text/javascript">
        $(function() {
            $(".eliminar").click(function() {
                return confirm("Desea eliminar este pago?");
            });
        });
        </script>
        <!-- END BLOCK : LISTADOPAGOS -->        
    </div>
</div>
<!-- END BLOCK : SECCIONTAB -->
<!-- START BLOCK : SECCIONPROFESOR -->
<!--script type="text/javascript">
$(function() {
	$("#seccionprofesor").tabs();
	$('#seccionprofesor').bind('tabsshow', function(event, ui) {
		if (ui.panel.id == "tabs-1") {
			$("input[name='descripcion']").focus();
		}
	});
});
</script-->

<div id="seccionprofesor">
	<!--ul>
		<li><a href="#tabs-11">Adelanto Efectivo</a></li>
		<li><a href="#tabs-12">Clases Otorgadas</a></li>		
	</ul-->
    <div id="tabs-12">    
 		<!-- START BLOCK : CLASESOTORGADAS -->
        <h3>Desempe&ntilde;o como Profesor</h3>
      <fieldset class="ui-widget">
        <legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Clases dadas por {nombre_persona}</legend>
        <table class="tablada">
        <tr>
          <th>Clase</th>
        <th>Fecha</th><th>Comentarios</th><th>Horas
        <th>Monto recaudado</th>
        <th>Comisión (con % actual)</th>
        </tr>
        <!-- START BLOCK : COITEM -->
        <tr>
          <td><a href="clases_ver.php?idc={id_clase}">{descripcion_clase}</a></td>
        <td>{fecha_clase}</td><td>{comentarios}</td>
        <td style="text-align:center">{totalhoras}</td><td style="text-align:right">{totalmonto}</td>
        <td style="text-align:right">{comision}</td>
        </tr>
        <!-- START BLOCK : COITEM -->
        <!-- START BLOCK : COTOTAL -->
        <tr class="total">
        <td style="text-align:right; padding-right:20px;" colspan="3"><strong>Total</strong></td>
        <td style="text-align:center"><strong>{total_horas}</strong></td>
        <td style="text-align:right"><strong>{total_monto}</strong></td>
        <td style="text-align:right">&nbsp;</td>
        </tr>
        <!-- END BLOCK : COTOTAL -->
        </table>
        </fieldset>
        <!-- END BLOCK : CLASESOTORGADAS -->	
    </div>
</div>
<!-- END BLOCK : SECCIONPROFESOR -->
<!-- START BLOCK : FORMULARIOAGREGAR -->
<fieldset class="">
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Informacion de la persona</legend>
<form action="{self}" method="post" id="frmpersona">
<table class="tablaform">
<tr>
<td>Nombre</td>
<td><input name="nombre_persona" type="text" id="nombre_persona" value="{nombre_persona}" size="30" maxlength="100"></td>
</tr>
<tr>
<td>CI</td>
<td><input type="text" name="ci" value="{ci}" size="15" maxlength="15" /></td>
</tr>
<tr>
<td>Email</td>
<td><input type="text" name="email" size="30" maxlength="100" value="{email}" id="email"></td>
</tr>
<tr>
  <td>Institucion</td>
  <td>{comboinstitutos}</td>
  </tr>
<tr>
  <td>Estado</td>
  <td>{comboestado}</td>
  </tr>
<tr>
  <td>Municipio / Ciudad</td>
  <td>{combomunicipio}</td>
  </tr>
<tr>
  <td>Zona / Urbanización</td>
  <td>{combourbanizacion}</td>
  </tr>
<tr>
  <td>Celular</td>
  <td><input type="text" name="celular" size="15" maxlength="15" value="{celular}" /></td>
  </tr>
  
<tr>
  <td>BB PIN</td>
  <td><input type="text" name="bb_pin" size="15" maxlength="15" value="{bb_pin}" /></td>
  </tr>
<tr>
  <td>Nick</td>
  <td><input type="text" name="nick" size="20" maxlength="20" value="{nick}" /></td>
  </tr>
<tr>
  <td>Referido por</td>
  <td><input type="text" name="referido" size="20" maxlength="50" id="referido" value="{referido}" /></td>  
  </tr>
<tr>
  <td>Es Profesor?</td>
  <td>
  <div id="es_profesor_set">
  <input type="hidden" id="act_es_profesor" value="{es_profesor}" />
  <input type="radio" name="es_profesor" id="es_profesor_1" value="1" /><label for="es_profesor_1">Si</label>
  <input type="radio" name="es_profesor" id="es_profesor_0" value="0" /><label for="es_profesor_0">No</label>
  </div>
  </td>
</tr>
<tr>
  <td><span class="porcentaje">Porcentaje&nbsp;<small>(solo si es profesor)</small></span>&nbsp;</td>
  <td><span class="porcentaje">{comboporcentaje}&nbsp;%</span>&nbsp;</td>
</tr>
<tr>
  <td>Es usuario dondeaprendo?</td>
  <td>
  <div id="es_dondeaprendo_set">
  <input type="radio" name="es_dondeaprendo" id="es_dondeaprendo_1" value="1" /><label for="es_dondeaprendo_1">Si</label>
  <input type="radio" name="es_dondeaprendo" id="es_dondeaprendo_2" value="0" /><label for="es_dondeaprendo_2">No</label>
  </div>
  </td>
</tr>
<tr>
  <td>Deshabilitar Usuario</td>
  <td>
  <div id="inactivo_set">
  <input type="radio" name="inactivo" id="inactivo_1" value="1" /><label for="inactivo_1">Si</label>
  <input type="radio" name="inactivo" id="inactivo_2" value="0" /><label for="inactivo_2">No</label>
  </div>
  </td>
</tr>
</table>
<style type="text/css">
.tablaform tr td {
	font-weight:bold;
}
</style>
<input type="hidden" name="id_referido" id="id_referido" value="{id_referido}" />
<br>
<br>
<input type="submit" class="fg-button ui-state-default ui-corner-all" name="btn_guardar" value="Guardar">
<input type="submit" class="fg-button ui-state-default ui-corner-all" name="btn_agregar_otro" id="btn_agregar" value="Guardar y agregar otra Persona">
<a class="fg-button ui-state-default ui-corner-all" href="main.php">Cancelar</a>
<input type="hidden" name="id_persona" value="{id_persona}">
<input type="hidden" name="accion" value="agregar">
</form>
<script type="text/javascript">
$(function() {
	if($("#act_es_profesor").val()=="1") $(".porcentaje").show(); else $(".porcentaje").hide();
	$("input[name='es_profesor']").change(function() {
		$val = $(this).val();
		if($val=="0") $(".porcentaje").hide(); else $(".porcentaje").show();
	});	
	$("#frmpersona").submit(function() {
		if($("#nombre_persona").val().esVacio()){
			alert("Debe escribir el nombre de la persona");
			$("#nombre_persona").focus();
			return false;
		}
		if($("input[name='ci']").val().esVacio()){
			alert("La cedula de identidad es obligatoria");
			$("input[name='ci']").focus();
			return false;
		}
	});
	$("#es_profesor_set").buttonset();
	$("#inactivo_set").buttonset();
	$("#es_dondeaprendo_set").buttonset();
	$("#nombre_persona").focus();
	$("#referido").autocomplete({
        source: "./servicios/getNombres.php",
        delay: 200,
        select: function(event, ui) {
            if(ui.item.id!="0") agregar(ui.item.id);
        }
      });
	$("#cmb_id_estado").jCombo("./servicios/getEstados.php?id=", { selected_value : '{id_estado}' } );
    $("#cmb_id_municipio").jCombo("./servicios/getMunicipios.php?id=", { 
					parent: "#cmb_id_estado", 
					parent_value: '{id_estado}', 
					selected_value: '{id_municipio}' 
				});		
    $("#cmb_id_urbanizacion").jCombo("./servicios/getUrbanizaciones.php?id=", { 
					parent: "#cmb_id_municipio", 
					parent_value: '{id_municipio}', 
					selected_value: '{id_urbanizacion}'
	});
});
function agregar($elem) {
	$("#id_referido").val($elem);
};
</script>
</fieldset>
<!-- END BLOCK : FORMULARIOAGREGAR -->
<!-- START BLOCK : INFOCNE -->
<fieldset class="ui-widget">
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Informaci&oacute;n por C&eacute;dula</legend>
<table class="tablagris">
<!-- START BLOCK : CNEITEM -->
<tr>
<td>{key}</td><td>{value}</td>
</tr>
<!-- END BLOCK : CNEITEM -->
</table>
</fieldset>
<!-- END BLOCK : INFOCNE -->
<!-- START BLOCK : CAMBIOPASSWORD -->
<fieldset class="ui-widget">
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Cambiar Password</legend>
<form method="post"  action="{self}">
<input type="hidden" name="id_persona" value="{id_persona}" />
<input type="hidden" name="accion" value="cambio_password" />
<table class="tablagris">
<tr>
<th>Password</th><th>Repetir Password</th><th>&nbsp;</th>
</tr>
<tr>
<td><input type="password" name="password" /></td><td><input type="password" name="rpassword"  /></td><td><input type="submit" class="fg-button ui-state-default ui-corner-all" id="btn_cambiar_password" value="Cambiar Password" /></td>
</tr>
</table>
</form>
</fieldset>
<!-- END BLOCK : CAMBIOPASSWORD -->
<!-- START BLOCK : AGREGARFOTO -->
<fieldset>
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Subir Fotografia</legend>
<table>
<tr>
<td>{foto}</td>
</tr>
<tr>
<td>
<form method="post" enctype="multipart/form-data" action="{self}">
<input type="hidden" name="id_persona" value="{id_persona}" />
<input type="hidden" name="accion" value="agregar_foto" />
<input type="hidden" name="verif" value="1" />
<input type="file" name="archivo" />
<input type="submit" class="fg-button ui-state-default ui-corner-all" value="Subir Foto" />
</form>
</td>
</tr>
</table>
</fieldset>
<!-- END BLOCK : AGREGARFOTO -->
<!-- START BLOCK : FORMULARIOPERSONA -->
<fieldset class="ui-widget">
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Administracion de personas</legend>
<form method="post" id="miformulario" action="{self}">
<table class="tablada">
<tr>
  <th>&nbsp;</th>
  <th>Profesor/Alumno</th>
  <th>Activo</th>
  <th>Institución</th>
  <th>Pertenece a</th>
  <th>&nbsp;</th>
  <td rowspan="2">&nbsp;</td>
  <td rowspan="2"><a href="editar_perfil.php" class="fg-button ui-state-default ui-corner-all">Agregar una Persona</a></td>
  <td rowspan="2"><a href="listado_personas_pdf.php" target="_blank">Listado de Personas (PDF)</a></td>
</tr>
<tr>
<td>
<input type="text" name="texto" size="30" maxlength="40"  value="{texto}" />
</td>
<td>
{combo_es_profesor}
</td>
<td>
{combo_inactivo}
</td>
<td>{combo_instituto}</td>
<td>{combo_dondeaprendo}</td>
<td>
  <input type="submit" id="btn_buscar" class="fg-button ui-state-default ui-corner-all" value="Buscar">
</td>
</tr>
</table>
<br />
<div style="padding:3px">
{paginacion}
</div>
</form>
</fieldset>
<script type="text/javascript">
$(function() { 
	$("select[name='pa']").change(function() {		
		document.forms[0].submit();
	});
	$("#miformulario").submit(function() {
		if($("#nombre_persona").val().esVacio()) {
			alert("Debe escribir un nombre valido");
			return false;
		};
	});
	$("input[name='texto']").focus();	
});
</script>
<!-- END BLOCK : FORMULARIOPERSONA -->
<!-- START BLOCK : LISTAPERSONAS -->
<fieldset class="ui-widget">
<table class="tablada" cellpadding="0" cellspacing="0">
<tr>
<th>Nombre</th><th>Cedula</th><th>Email</th><th>Instututo</th>
<th>Rol</th>
<th>Acciones</th>
</tr>
<!-- START BLOCK : FILAPERSONA -->
<tr>
<td><a href="ver_perfil.php?ida={id_persona}">{nombre_persona}</a></td><td>{ci}</td><td><a href="mailto:{email}">{email}</a></td><td>{nombre_instituto}</td>
<td style="text-align:left">&nbsp;&nbsp;{tipo_persona}&nbsp;&nbsp;</td>
<td>
  <a href="editar_perfil.php?ida={id_persona}"><img src="http://dondeaprendo.com/images/icon.edit.gif" border="0" title="Editar {nombre_persona}"></a>
  &nbsp;<a class="eliminar_persona" href="{self}?ida={id_persona}&accion=eliminar_persona"><img src="http://dondeaprendo.com/images/delete_icon.gif" border="0" title="Eliminar {nombre_persona}"></a>
</td>
</tr>
<!-- END BLOCK : FILAPERSONA -->
</table>
</fieldset>
<script type="text/javascript">
$(function() {
	$(".eliminar_persona").click(function() {
		return confirm("Desea eliminar este persona ?");
	});
});
</script>
<br />
<br />
<!-- END BLOCK : LISTAPERSONAS -->
<!-- START BLOCK : SINRESULTADOS -->
<div style="color:red">
No se encontraron registros de personas.
</div>
<br />
<br />
<a href="editar_perfil.php" class="fg-button ui-state-default ui-corner-all">Agregar Persona</a>
<!-- END BLOCK : SINRESULTADOS -->
<br />
<br />
